<template>
        <router-view></router-view>
</template>

<script>
export default {
  data() {
    return {
      theme: this.$store.state.theme
    };
  },
  computed: {
    menuList() {
      return window.$store._modules.root.state['ripples-components'].userMenuTree
    }
  },
  mounted() {},
  beforeDestroy() {},
  methods: {},
  watch: {
    'menuList': {
      handler(val) {
        if (val.length) {
          let list = window.$store._modules.root.state['ripples-components'].userMenuTree
          list.forEach(item => {
            if (!item.menuName) {
              item.menuName = item.menuDesc || ''
            }
          });
          window.$store.commit(window.$moduleName + "/setUserMenuTree", list);
        }
      },
      deep:true,
      immediate: true
    }
  }
};
</script>

<style lang="less">
.app-main {
  width: 100%;
  height: 100%;
}
</style>
